<template>
    <div class="main-body">
        <el-form ref="form" label-width="80px" class="form-default">
            <el-form-item label="测试:" class="form-item-default">
                <el-input v-model.trim="input" class="form-input-default"/>
                <input class="form-input-default">
            </el-form-item>
        </el-form>
        <TestComponent1 ></TestComponent1>

    </div>
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import TestComponent1 from "@views/computer/study/test-component-1.vue";

const input = ref("嘻嘻哈哈")
</script>

<style scoped lang="scss">
.main-body {
    height: 100%;
    width: 100%;
    background-color: white;
}

.form-default {
    .form-item-default {
        .form-input-default {
            width: 200px;
        }
    }
}
</style>